<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>首页</title>
        <link rel="stylesheet" href="/css/index.css">
    </head>
    <body>


        <div class="wrapper">
            <p class="title">添加学生</p>
            <form action="/student/add" method="post">
                姓名:
                <input type="text" name="name" placeholder="姓名">
                性别:
                <input type="radio" name="gender" value="男">靓仔
                <input type="radio" name="gender" value="女">靓妹
                出生日期:
                <input type="date" name="birthdate">
                <button>添加</button>
            </form>
            <p class="links">
                <a href="/student/list">学生列表</a>
            </p>
        </div>

        <div class="wrapper">
            <p class="title">用户管理</p>
            <!-- 用来添加或编辑用户的区域 -->
            <div class="editor">
                <span> <input type="text" name="account" placeholder="账号"> </span>
                <span> <input type="text" name="tel" placeholder="手机号"> </span>
                <span> <input type="text" name="email" placeholder="邮箱"> </span>
                <span> <input type="password" name="password" placeholder="登录密码"> </span>
                <span> <input type="password" name="confirm" placeholder="确认密码"> </span>
                <span> <button></button> </span>
            </div>
            <!-- 用来显示用户列表的区域 -->
            <div class="list"></div>
            <div class="buttons">
                <a data-type="add">添加新用户</a>
                <a data-type="refresh">刷新用户列表</a>
            </div>
            <!-- 添加用来实现异步操作的 JavaScript 代码 -->
            <script src="/js/user.js"></script>
        </div>
        
    </body>
</html>